<!DOCTYPE html>
<html lang="zh-cn" >
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="author"
      content="awesome404"
    />
      
    <title>网站篇 ｜ 鹊木笔记</title>
    
    
    
    <meta name="description" content="学习类 视频 后盾人 表严肃 哔哩哔哩 慕课网 手册 编码规范 JavaScript中文网 MDN Linux命令大全 jquery速查 Bootstrap4备忘清单 CMD命令 W3Cschool手册 NPM中文文档 Javascript 后盾人 wechart Typescript HTML CSS" />
      
    <meta
      name="keywords"
      content="Blog, 程序员, 前端"
    />
      <link
    rel="shortcut icon" href="https://awesome404.gitee.io/images/favicon.ico" />

    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="https://awesome404.gitee.io/css/normalize.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="https://cdn.jsdelivr.net/npm/animate.css@4.1.0/animate.min.css"
    />
    <link rel="stylesheet" type="text/css" media="screen" href="https://awesome404.gitee.io/css/zozo.css" />
    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css"
    />
    <link rel="stylesheet" type="text/css" media="screen" href="https://awesome404.gitee.io/css/highlight.css" />

    
    
  </head>
</html>


<body>
    <div class="main animate__animated animate__fadeInDown">
        
<div class="nav_container animated fadeInDown">
  <div class="site_nav" id="site_nav">
    <ul>
      
      <li>
        <a href="/">首页</a>
      </li>
      
      <li>
        <a href="/posts/">归档</a>
      </li>
      
      <li>
        <a href="/tags/">标签</a>
      </li>
      
      <li>
        <a href="/about/">关于</a>
      </li>
      
    </ul>
  </div>
  <div class="menu_icon">
    <a id="menu_icon">
      <i class="ri-settings-line"></i>
    </a>
  </div>
</div>

        <div class="header animated fadeInDown">
  <div class="site_title_container">
    <div class="site_title">
      <h1>
        <a href="https://awesome404.gitee.io">
          <span>鹊木笔记</span>
        </a>
      </h1>
    </div>
    <div class="description">
      <p class="sub_title">
        前端菜鸡的自我修养
      </p>
      <div class="my_socials">
         
        <a href="https://github.com/404Awesome" title="github" target="_blank"
          ><i class="ri-github-fill"></i
        ></a>
         
        <a
          href="https://awesome404.gitee.io/index.xml"
          type="application/rss+xml"
          title="rss"
          target="_blank"
          ><i class="ri-rss-fill"></i
        ></a>
      </div>
    </div>
  </div>
</div>

        <div class="content">
            <div class="post_page">
                <div class="post animate__animated animate__fadeInDown">
                    <div class="post_title post_detail_title">
                        <h2><a href='/posts/%E7%BD%91%E7%AB%99%E7%AF%87/'>网站篇</a></h2>
                        <span class="date">2020.04.07</span>
                    </div>
                    <div class="post_content markdown"><h1 id="学习类">学习类</h1>
<h3 id="视频">视频</h3>
<p><a href="https://www.houdunren.com/">后盾人</a></p>
<p><a href="https://biaoyansu.com/">表严肃</a></p>
<p><a href="https://www.bilibili.com/">哔哩哔哩</a></p>
<p><a href="https://www.imooc.com/">慕课网</a></p>
<h3 id="手册">手册</h3>
<p><a href="https://codeguide.bootcss.com/">编码规范</a></p>
<p><a href="https://www.javascriptcn.com/">JavaScript中文网</a></p>
<p><a href="https://developer.mozilla.org/zh-CN/">MDN</a></p>
<p><a href="https://www.linuxcool.com/">Linux命令大全</a></p>
<p><a href="http://jquery.cuishifeng.cn/">jquery速查</a></p>
<p><a href="https://hackerthemes.com/bootstrap-cheatsheet/">Bootstrap4备忘清单</a></p>
<p><a href="https://www.jianshu.com/p/9fa93f05c2d4">CMD命令</a></p>
<p><a href="https://www.w3cschool.cn/dict/">W3Cschool手册</a></p>
<p><a href="https://www.npmjs.cn/">NPM中文文档</a></p>
<p><a href="https://zh.javascript.info/">Javascript</a></p>
<p><a href="https://doc.houdunren.com/">后盾人</a></p>
<p><a href="https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/">wechart</a></p>
<p><a href="https://ts.xcatliu.com/introduction/what-is-typescript.html">Typescript</a></p>
<p><a href="https://htmlreference.io/">HTML</a></p>
<p><a href="https://cssreference.io/">CSS</a></p>
<h3 id="书籍">书籍</h3>
<p><a href="https://es6.ruanyifeng.com/">ECMAScript6 入门</a></p>
<p><a href="https://wangdoc.com/javascript/">JavaScript教程</a></p>
<p><a href="https://github.com/og/gulp-book">Gulp入门</a></p>
<p><a href="https://www.liaoxuefeng.com/">廖雪峰网站</a></p>
<p><a href="https://github.com/qibaoguang/Study-Step-by-Step/blob/master/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/javascript_the_good_parts.md">JavaScript语言精粹</a></p>
<p><a href="https://www.jianshu.com/p/0ae245cfe1cf">Ubuntu教程</a></p>
<p><a href="https://backlog.com/git-tutorial/cn/">猴子都能懂的Git入门</a></p>
<p><a href="https://juejin.im/post/5bff57fee51d45021a167991">JavaScript完整手册</a></p>
<p><a href="https://wangdoc.com/">网道</a></p>
<h1 id="娱乐类">娱乐类</h1>
<p><a href="https://ddrk.me/">低端影视</a></p>
<p><a href="https://www.pianku.tv/">片库</a></p>
<p><a href="https://www.newzmz.com/index.html">NEW字幕站</a></p>
<p><a href="http://www.yinfans.me/">音范丝</a></p>
<p><a href="https://www.cupfox.com/">茶杯狐</a></p>
<p><a href="http://pianyuan.la/">片源网</a></p>
<p><a href="https://www.agefans.tv/">AGE动漫</a></p>
<h1 id="工具类">工具类</h1>
<h3 id="下载">下载</h3>
<p><a href="https://www.linuxdown.com/">Linux系统下载站</a></p>
<p><a href="https://sonic.volf.club/">音速装机</a></p>
<p><a href="http://mirrors.163.com/">网易开源镜像站</a></p>
<p><a href="https://developer.aliyun.com/mirror/">阿里云官方镜像站</a></p>
<p><a href="https://macwk.com/">macwk</a></p>
<p><a href="https://uupdump.net/">uupdump</a></p>
<p><a href="https://www.ghxi.com/">果核剥壳</a></p>
<p><a href="https://www.extfans.com/">Chrome插件</a></p>
<h3 id="工具">工具</h3>
<p><a href="https://greasyfork.org/zh-CN">油候插件</a></p>
<p><a href="https://www.iloveimg.com/zh-cn/compress-image/compress-jpg">图片压缩</a></p>
<p><a href="https://flatuicolors.com/">flatuicolors</a></p>
<p><a href="https://www.doyoudo.com/resources">doyoudo</a></p>
<p><a href="https://codepen.io/">CodePen</a></p>
<p><a href="https://www.digitalocean.com/community/tools/nginx?global.app.lang=zhCN">NginxConfig</a></p>
<p><a href="https://cubic-bezier.com/">cubic-bezier</a></p>
<p><a href="http://www.spritecow.com/">spritecow</a></p>
<h1 id="论坛">论坛</h1>
<p><a href="https://segmentfault.com/">思否</a></p>
<p><a href="https://juejin.im/">掘金</a></p>
<p><a href="https://www.v2ex.com/">V2EX</a></p>
<p><a href="https://stackoverflow.com/">stackoverflow</a></p>
<br />
<blockquote>
<p>不定期更新及清理</p>
</blockquote>
</div>
                    <div class="post_footer">
                        
                        
                        <div id="link">
                            <p>本博客所有文章除特别声明外，均采用 CC BY-SA 3.0协议 。转载请注明出处！</p>
                            <p><span id="link_href"></span><i class="ri-file-copy-2-line link_btn"></i></p>
                        </div>
                        
                        <div class="meta">
                            <div class="info">
                                <span class="field tags">
                                    <i class="ri-price-tag-2-line"></i>
                                    
                                    <a href="https://awesome404.gitee.io/tags/tools/">Tools</a>
                                    
                                </span>
                            </div>
                        </div>
                        
                    </div>
                </div>
                
                
            </div>
        </div>
    </div>
    <a id="back_to_top" href="#" class="back_to_top"><i class="ri-arrow-up-s-line"></i></a>
    
<style>
  #hitokoto {
    overflow: hidden;
    margin: 0 auto;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #424242;
  }

  .footer {
    padding: 30px 0px;
  }
</style>

<footer class="footer">
  <p id="hitokoto">:D 获取中...</p>
</footer>

<script>
  fetch("https://v1.hitokoto.cn")
    .then((response) => response.json())
    .then((data) => {
      const hitokoto = document.getElementById("hitokoto");
      hitokoto.href = "https://hitokoto.cn/?uuid=" + data.uuid;
      hitokoto.innerText = data.hitokoto;
    })
    .catch((err) => err);
</script>

    <script src="https://awesome404.gitee.io/js/jquery-3.5.1.min.js"></script>
<link href="https://awesome404.gitee.io/css/fancybox.min.css" rel="stylesheet">
<script src="https://awesome404.gitee.io/js/fancybox.min.js"></script>
<script src="https://awesome404.gitee.io/js/zozo.js"></script>




</body>


<script>
    (function (){
        
        function handleIcon (remove, target){
            this.classList.remove(remove);
            this.classList.add(target);
        }

        let hrefEl = document.getElementById("link_href");
        let copyBtn = document.getElementsByClassName("link_btn")[0];
        if (hrefEl){
            hrefEl.innerText = `文章链接: ${location.href}`;
            
            copyBtn.onclick = (event) => {
                
                navigator.clipboard.writeText(`文章转载自: ${location.href}`)
                
                handleIcon.call(event.target, "ri-file-copy-2-line", "ri-check-line");
                let timer = setTimeout(() => {
                    handleIcon.call(event.target, "ri-check-line", "ri-file-copy-2-line");
                    clearTimeout(timer)
                }, 1000)
            }
        }
    })();
</script>
</html>